@(decks: Seq[Deck], user: User)(content: Html)

<!DOCTYPE html>

<html>
  <head>
    <title>Studykun</title>
    <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
    <link rel="stylesheet" type="text/css" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
    <script type="text/javascript" src="@routes.Assets.at("javascripts/jquery-1.6.4.js")"></script>
    <script type="text/javascript" src="@routes.Assets.at("javascripts/jquery-play-1.6.4.js")"></script>
    <script type="text/javascript" src="@routes.Assets.at("javascripts/underscore-min.js")"></script>
    <script type="text/javascript" src="@routes.Assets.at("javascripts/backbone-min.js")"></script>
    <script type="text/javascript" src="@routes.Assets.at("javascripts/main.js")"></script>
    <script type="text/javascript" src="@routes.Application.javascriptRoutes"></script>
  </head>
  <body>
    <header>
      <a href="@routes.Projects.index" id="logo"><span>Study</span>kun</a>
      <dl id="user">
        <dt>@user.name <span>(@user.email)</span></dt>
        <dd>
          <a href="@routes.Application.logout()">Logout</a>
        </dd>
      </dl>
    </header>
    <nav>
      <h4 class="dashboard"><a href="#/">Deck Library</a></h4>
      <ul id="decks">
        <ul id="decks">
          @decks.map { deck =>
            @views.html.decks.group(deck)
          }
        </ul>
      </ul>
      <button id="newDeck">New deck</button>
    </nav>
  </body>
</html>
